import React, { Component } from 'react'
import Edit from '../Edit/index'
import Detele from '../Detele/index'

class List extends Component {
    render() {
        let { list } = this.props
        return (
            <table>
                <thead>
                    <tr style={{ height: '50px' }}>
                        <td><input type='checkbox' /></td>
                        <td>成员昵称</td>
                        <td>真实姓名</td>
                        <td>邮箱</td>
                        <td>手机</td>
                        <td>部门</td>
                        <td>用户组</td>
                        <td>状态</td>
                        <td>操作</td>
                    </tr>
                </thead>
                <tbody>
                    {
                        list && list.length ? list.map((item, index) => {
                            return (
                                <tr key={index}>
                                    <td><input type='checkbox' /></td>
                                    <td>{item.nickName}</td>
                                    <td>{item.name}</td>
                                    <td>{item.email}</td>
                                    <td>{item.tel}</td>
                                    <td>安徽小小胖科技有限公司</td>
                                    <td>{item.flag ? '公司普通成员' : '公司管理员'}</td>
                                    <td>{item.num ? '在职' : '未激活'}</td>
                                    <td style={{display: 'flex'}}>
                                        <Edit item={item}/>
                                        <Detele index={index} />
                                    </td>
                                </tr>
                            )
                        }) : <div>暂无数据</div>
                    }
                </tbody>
            </table>
        )
    }
}

export default List